<style type="text/css">
    .relawanBox {
        border: 1px solid #d4ccb0;
        background-color: #fbfaf3;
        height: 87.35px;
        padding: 9px;
        margin: 0.8em 0px;
    }

    .relawanBox img {
        height: 100%;
        max-width: 80px;
        float: right;
        margin-leftt: 1em;
    }

    .relawanBox .relawanDetail {
        display: inline-block;
        max-width: 13em;
    }

    .side-right {
        width: 259px;
    }
</style>

<div>
    <h1>
        Ditulis Oleh
    </h1>
    <div class="relawanBox">
        <div class="relawanDetail">
            <h2 style="margin: 0px;"><a href="javascript:void(0);"><?php echo $artikel->content_id->poster_id->display_name; ?></a></h2>
                <?php
                foreach ($artikel->content_id->poster_id->groups as $group) {
                    echo $group->name . "<br />";
                }
                ?>
        </div>
        <img src="<?php echo ($artikel->content_id->poster_id->display_pic ? $artikel->content_id->poster_id->display_pic->tmb : ""); ?>"/>
    </div>

</div>